<template>
  <div>
    用户名: <input type="text" v-model="msg">
    自我介绍 : <textarea name="" id="" cols="30" rows="10" v-model="info"></textarea>
    兴趣爱好 : 
    <input type="checkbox" v-model="hobby" value="smoke">抽烟
    <input type="checkbox" v-model="hobby" value="sing">唱歌
    <input type="checkbox" v-model="hobby" value="dance">跳舞
    <br>
    <hr>
    
    全选 : <input type="checkbox" v-model="isAll">

    <button @click="sub">提交</button>
  </div>
</template>

<script>
export default {
 
  data() {
    return {
      msg : 123,
      info:'',
      hobby: [],
      isAll : false
    };
  },
  methods: {
    sub() {
     
    }
  }
};
</script>

<style >

</style>